/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./components/**/*.{js,vue,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./app.vue",
    "./error.vue",
    "./node_modules/flowbite/**/*.{js,ts}",
    'node_modules/flowbite-vue/**/*.{js,jsx,ts,tsx,vue}',
  ],
  theme: {
    extend: {
      colors: {
        'theme': '#d4eaf7',
        'element': '#71c4ef',
        'header': '#b6ccd8',
        'background': '#f5f4f1',
        'shadow': '#cccbc8',
      },
      width: {
        'px-1000': '1000px',
      },
      translate: {
        'to-center': '-50%',
      },
      boxShadow: {
        'normal': '10px 10px 10px #d1d9e6, -10px -10px 10px #f9f9f9',
        'normal-inner': 'inset 8px 8px 12px #b8bec7, inset -8px -8px 12px #fff',
        'around': '0 0 24px #cccbc8',
        'around-inner': 'inset 0 0 4px #cccbc8',
      },
    },
  },
  plugins: [
    require('flowbite/plugin'),
  ],
}

